<template>
	<view class="container">
		<view class="model" v-for="(item,index) in list" :key="index">
			<image class="sites-image" :src="item.thumb" mode="aspectFit" @click="goToPage('/pages/index/site/liveaction/liveaction?id='+item.id)"></image>
			<view class="model_list">
				<text>{{item.name}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello',
				isShowDialog: true,
				isShowServeInfo:false,
				list:[],
				page:"",
				limit:""
			}
		},
		methods: {
			goToPage(path){
				uni.navigateTo({
					url: path
				});
			}
		},
	  onLoad(e) {
		   uni.request({
		   	url: 'https://baiyi.kent.work/api/v1/system/getConstructionList',
		   	method: 'POST',
		   	data: {
				page:1,
				limit:10
			},
		   	success: res => {
				this.list=res.data.data.list
			}
		   });
			
		}
	}
</script>

<style>
	.sites-image {
		width: 100%;
		height: 406rpx;
		vertical-align: middle;
	}

	.model_list>text {
		display: flex;
		flex-direction: column;
		align-items: center;

		padding-top: 14rpx;
		font-size: 24rpx;
	}

	.model_list {
		width: 670rpx;
		height: 74rpx;
		background: #ffffff;
		border-radius: 0rpx 0rpx 12rpx 12rpx;
		margin-left: 40rpx;
	}

	.model {
		margin-top: 40rpx;
		margin-bottom: 20rpx;
	}
</style>